<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<style>
<!--
input {
	line-height: 27px;
}

.h10 {
	height: 10px;
}

.btn {
	line-height: 23px;
}

.table tbody>tr>td {
	vertical-align: middle;
}

th {
	text-align: center;
	width: auto;
	height: 28px;
	vertical-align: middle;
}

td {
	text-align: center;
	width: auto;
	vertical-align: middle;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pagclass {
	padding: 0px;
}

.widget-box {
	padding: 0 12px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 3px 0;
}

.widget-header {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	min-height: 38px;
	background: #f7f7f7;
	background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff),
		to(#eee));
	background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
	background-image: -moz-linear-gradient(top, #fff 0, #eee 100%);
	background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffeeeeee', GradientType=0);
	color: #669fc7;
	border: 1px solid #CCC;
	border-bottom: 1px solid #DDD;
	padding-left: 12px;
}

.page-header {
    margin:0 12px 12px;
    border-bottom: 1px dotted #e2e2e2;
    padding-top: 7px;
}
.page-header h1 {
    padding: 0;
    margin: 0 8px 0 0;
    font-size: 20px;
    font-weight: lighter;
    color: #2679b5;
}
.page-header h1 small {
    margin: 0 6px;
    font-size: 14px;
    font-weight: normal;
    color: #8089a0;
    line-height: 1;
}
-->
</style>
<div class="page-header">
	<h1>${meeting.name }
	<small>>><b style="color:green;">${meeting.status == 0 ? "开启" : "关闭" }</b></small>
		<small>会议开启时间：<fmt:formatDate value="${meeting.lastOpenTime}" pattern="yyyy-MM-dd HH:mm:ss"/></small>
	</h1>
</div>
<div class="widget-box">
	<div class="widget-header">
		<h4>当前实时在线人数</h4>
	</div>

	<div class="widget-body">
		<div class="t_table pagclass">
			<table class="pp-list table table-striped table-bordered">
				<thead>
					<tr>
						<th>操作</th>
						<th>分组</th>
						<th>昵称</th>
						<th>头像</th>
						<th>省份</th>
						<th>城市</th>
						<th>医院名称</th>
						<th>医生姓名</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${meetingWxuser }" var="record">
						<tr>
							<td style="width: 55px;">
								<img class="imgbtn" title="查看" src="/hvision/images/view.png" onclick="viewWxuser('${record.id}')"></td>
							<td>
								<c:forEach var="group" items="${group }">
									<c:if test="${group.id eq record.groupId }">${group.name }</c:if>
								</c:forEach>
							</td>
							<td>${record.name}</td>
							<td style="width: 70px;"><img height="64px"
								src="${record.headerUrl}"></td>
							<td>${record.provinceName}</td>
							<td>${record.cityName}</td>
							<td>${record.hospitalName}</td>
							<td>${record.doctorName}</td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
	</div>
</div>

<div class="widget-box">
	<div class="widget-header">
		<h4>历史记录人数</h4>
	</div>

	<div class="widget-body">
		<div class="t_table pagclass">
			<table class="pp-list table table-striped table-bordered">
				<thead>
					<tr>
						<th>操作</th>
						<th>分组</th>
						<th>昵称</th>
						<th>头像</th>
						<th>省份</th>
						<th>城市</th>
						<th>医院名称</th>
						<th>医生姓名</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${meetingWxuserHis }" var="record">
						<tr>
							<td style="width: 55px;">
								<img class="imgbtn" title="查看" src="/hvision/images/view.png" onclick="viewWxuser('${record.id}')"></td>
							<td>
								<c:forEach var="group" items="${group }">
									<c:if test="${group.id eq record.groupId }">${group.name }</c:if>
								</c:forEach>
							</td>
							<td>${record.name}</td>
							<td style="width: 70px;"><img height="64px"
								src="${record.headerUrl}"></td>
							<td>${record.provinceName}</td>
							<td>${record.cityName}</td>
							<td>${record.hospitalName}</td>
							<td>${record.doctorName}</td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
	</div>
</div>

<script type="text/javascript">
	function viewWxuser(cbox) {
		pageii = layer.open({
			title : "查看",
			type : 2,
			area : [ "600px", "530px" ],
			content : [ rootPath + '/wxuser/viewUI.shtml?id=' + cbox, 'no' ]
		});
	}
</script>